<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>大事件/登录页面</title>
 <!-- 先引入layui.css -->
 <!-- 再引入login.css -->
 <link rel="stylesheet" href="/assets/lib/layui/css/layui.css">
 <link rel="stylesheet" href="/assets/css/login.css">
</head>

<body>
 <!-- 顶部LOG -->
 <div class="layui-main header">
  <img src="./assets/images/logo.png" alt="">
 </div>
 <!--登录注册区域  -->
 <div class="login-reg">
  <!-- 顶部标题 -->
  <div class="title_box"></div>
  <!-- 登录区域 -->
  <div id="loginBox">
   <form class="layui-form">
    <div class="layui-form-item">
     <i class="layui-icon layui-icon-username"></i>
     <input type="text" name="username" required lay-verify="required|username" placeholder="请输入用户名" autocomplete="off"
      class="layui-input">
    </div>
    <div class="layui-form-item">
     <i class="layui-icon layui-icon-password"></i>
     <input type="password" name="password" required lay-verify="required|pwd" placeholder="请输入密码" autocomplete="off"
      class="layui-input">
    </div>
    <div class="layui-form-item">
     <button type="submit" class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit
      lay-filter="formDemo">登录</button>
    </div>
    <div class="layui-form-item">
     <a href="javascript:;">去注册账号</a>
    </div>
   </form>

  </div>
  <!-- 注册区域 -->
  <div id="registerBox" style="display: none;">
   <form class="layui-form">
    <div class="layui-form-item">
     <i class="layui-icon layui-icon-username"></i>
     <input type="text" name="username" required lay-verify="required|username" placeholder="请输入用户名" autocomplete="off"
      class="layui-input">
    </div>
    <div class="layui-form-item">
     <i class="layui-icon layui-icon-password"></i>
     <input type="password" name="password" required lay-verify="required|pwd" placeholder="请输入密码" autocomplete="off"
      class="layui-input">
    </div>
    <div class="layui-form-item">
     <i class="layui-icon layui-icon-password"></i>
     <input type="password" name="repassword" required lay-verify="required|rePwd|pwd" placeholder="请再次输入密码"
      autocomplete="off" class="layui-input">
    </div>
    <div class="layui-form-item">
     <button class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit lay-filter="formDemo">注册</button>
    </div>
    <div class="layui-form-item">
     <a href="javascript:;">去登录</a>
    </div>
   </form>
  </div>
 </div>
 <!-- 引入layui -->
 <script src="/assets/lib/layui/layui.all.js"></script>
 <!-- 引入layuijs -->
 <!-- <script src="/assets/lib/layui/layui.js"></script> -->
 <!-- 引入JQuery -->
 <script src="/assets/lib/jquery.js"></script>
 <!-- 引入axios -->
 <script src="/assets/lib/axios.js"></script>
 <!-- 引入login.js -->
 <script src="/assets/js/login.js"></script>
 <!-- 引入公共根路径 -->
 <script src="/assets/js/common.js"></script>
</body>
</html>